html {
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
body{
	font-family:"微软雅黑", sans-serif !important;
}
*{
	-webkit-tap-highlight-color:transparent;
}

/* ***********  加载圈圈样式  ************* */
@-webkit-keyframes loadingRotate{
	from{
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
@keyframes loadingRotate{
	from{
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	to{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}
.loader{
	width: 30px;
	height: 30px;
	position: fixed!important;
	left: 50%;
	top: 50%;
	margin-top: -0.75rem;
	margin-left: -0.75rem;
	z-index: 9999;
	display: none;
	-webkit-transform: translateY(-0.75rem);
	-ms-transform: translateY(-0.75rem);
	transform: translateY(-0.75rem);
}
.loader > div:first-child {
	background: url(../images/1.png) center no-repeat;
	background-size: 1.5rem 1.5rem;
	height: 1.5rem;
	width: 1.5rem;
}
.loader > div:last-child {
	position: absolute;
	top: -0.1rem;
	left: -0.1rem;
	background: url(../images/2.png) center no-repeat;
	background-size: 1.7rem 1.7rem;
	height: 1.7rem;
	width: 1.7rem;
	animation: loadingRotate .8s infinite linear;
	-webkit-animation: loadingRotate .8s infinite linear;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
}
/* ********************* */

/* ************* 水波纹 ************* */
.ripple {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.ripple:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background-image: -o-radial-gradient(circle, #000 10%, transparent 10.01%);
	background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-transform: scale(20, 20);
	-ms-transform: scale(20, 20);
	transform: scale(20, 20);
	opacity: 0;
	-webkit-transition: opacity .8s, -webkit-transform .5s;
	transition: opacity .8s, -webkit-transform .5s;
	-o-transition: transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s;
	transition: transform .5s, opacity .8s, -webkit-transform .5s;
}
.ripple:active:after {
	-webkit-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	transform: scale(0, 0);
	opacity: .5;
	/* //设置初始状态 */
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}
/* *********** 去除移动端的点击阴影 ************* */
div,a,img {
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
/* ************************** */


.flex_row{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_row_center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_row_between{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_row_around{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_col{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex_col_start{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.flex_col_center{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* **** 公共背景颜色 **** */
.whiteBg{ background: #fff; }
.grayBg{ background: #f2f2f2; }
.grayBg2{ background: #ccc; }
.orangeBg{ background: #FFB533!important; }
.blackBg{ background: #141414!important; }

/* **** 公共字体大小 **** */
.smallFont{ font-size: 0.7rem; }
.smallFont2{ font-size: 0.6rem; }
.font{ font-size: 0.8rem; }
.titleFont{ font-size: 0.9rem; }
.bigFont{ font-size: 1.2rem; }

/* **** 公共字体颜色 **** */
.whiteColor{ color: #fff!important; }
.blackColor{ color: #141414; }
.blackColor2{ color: #444; }
.grayColor{ color: #888; }
.grayColor2{ color: #ccc; }
.brownColor{ color: #BB7E36; }
.redColor{ color: #CD0F2D; }

.fontWeight{ font-weight: bold; }
ul li{ list-style-type:none; }
/* ************************************************* */

/******* agreement 协议页面 *********/
#wrapper{
	padding: 12px;
	font-size: 14px;
	color: #333;
}
.ag_title{
	margin: 0.8rem 0;
}
.ag_content{
	line-height: 1.1rem;
}

/******* levelDetails 等级详情页面 *********/
.wrapper{
	padding: 0.75rem;
}
.le_content{
	border-radius: 0.4rem;
	padding: 0.8rem;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.le_ul{
	width: 5%;
	margin-top: 1.8rem;
}
.le_ul li{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin-bottom: 4.1rem;
	background: #ccc;
	position: relative;
	z-index: 999;
}
.le_ul .border{
	position: absolute;
	left: 50%;
	bottom: -1.8rem;
	margin-left: -0.075rem;
	width: 0.15rem;
	height: 4.6rem;
	background: #ccc;
	z-index: 0;
}
.le_ul li:first-child .border{
	height: 2rem;
}
.le_ul li:last-child .border{
	top: -2.3rem;
	height: 2.3rem;
}
.le_navWrap{
	width: 89%;
}
.le_nav{
	padding: 0.7rem 0.8rem 0.7rem 1.3rem;
	border-radius: 0.4rem;
	line-height: 1.3rem;
	position: relative;
	margin-bottom: 0.6rem;
}
.trangle{
	position: absolute;
	top: 50%;
	left: -1rem;
	margin-top: -0.5rem;
	border-width: 0.5rem;
	border-style: solid;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: #F2F2F2;
	border-bottom-color: transparent;
}

/******* noviceGuide 新手指南页面 *********/
.no_ul{
	margin-bottom: 0.5rem;
}
.no_ul li{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* height: 2.4rem; */
	line-height: 2.4rem;
	/* border-bottom: 0.2rem solid transparent; */
}
.no_active{
	/* border-bottom: 0.2rem solid #141414!important; */
}
.no_border{
	width: 80%;
	margin: 0 auto;
	height: 0.2rem;
	border-radius: 0.2rem;
	background: transparent;
}
.no_list{
	padding: 0.6rem;
	border-radius: 0.3rem;
	margin-bottom: 0.5rem;
}
.no_poster{
	width: 6.1rem;
	height: 3.9rem;
	margin-right: 0.9rem;
	border-radius: 0.3rem;
	display: block;
}
.no_poster img{
	display: block;
}
.no_wrap{
	width: 14rem;
	line-height: 1.4rem;
}
.no_time{
	margin-top: 1rem;
}
.no_nav li{
	position: relative;
	padding: 0.5rem;
}
.no_header{
	position: relative;
	margin-bottom: 1.5rem;
}
.no_header input{
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 11rem;
	height: 1.4rem;
	line-height: 1.4rem;
	border-radius: 0.7rem;
	margin-right: 0.5rem;
	padding: 0 1.8rem 0 1.6rem;
	outline: none;
}
.no_header .no_sea{
	position: absolute;
	top: 50%;
	left: 1%;
	margin-top: -0.65rem;
}
.no_close{
	position: absolute;
	right: 3rem;
	top: 50%;
	margin-top: -0.35rem;
	color: rgba(0,0,0,0.3);
	display: none;
}
.no_header button{
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #ffbd33;
	border-radius: 3px;
	color: white;
	outline: none;
	height: 1.4rem;
}
.no_proTitle{
	padding: 0 1rem 0 1.3rem;
	line-height: 0.9rem;
	position: relative;
	margin: 0.5rem 0;
}
.no_bea{
	width: 0.9rem;
	height: 0.8rem;
	border-top-right-radius: 0.3rem;
	border-bottom-right-radius: 0.3rem;
	position: absolute;
	top: 0;
	left: 0;
}
.no_proP{
	line-height: 1.1rem;
	padding: 0 1.3rem;
}
.no_more{
	height: 1.2rem;
	margin: 0.3rem 0;
}
.no_more span{
	margin-right: 0.25rem;
}

/* *************** video 视频详情页 **************** */
.vi_content{
	padding: 1rem;
	border-radius: 0.4rem;
}
.vi_title{
	margin-bottom: 1rem;
}
.vi_video{
	height: 9.75rem;
	border-radius: 0.4rem;
	overflow: hidden;
	position: relative;
}
.vi_poster{
	width: 100%;
	border-radius: 0.4rem;
	/* height: 9.75rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999; */
}
.vi_play{
	width: 3.8rem;
	height: 3.8rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -1.9rem;
	margin-left: -1.9rem;
	z-index: 9999;
}
.vi_downLoad{
	width: 9.85rem;
	height: 1.9rem;
	border-radius: 0.95rem;
	margin: 1rem auto 0.2rem;
}

.pi_title{
	height: 2rem;
	text-align: center;
	line-height: 2rem;
}

/* ******** queList 问题列表页面 ********** */
.qu_title {
	/* padding: 0 0.75rem; */
	line-height: 1.1rem;
	padding: 0.3rem 0;
}
.qu_border{
	border-bottom: 0.05rem solid #ccc;
}
.qu_title p{
	width: 90%;
}
.qu_ell{
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.qu_icon{
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.qu_content{
	line-height: 1.1rem;
	border-radius: 0.3rem;
	padding: 0.7rem;
	display: none;
}


/******* noviceDetails 短视频打赏页面 *********/
.de_content{
	padding: 0.6rem;
	border-radius: 0.3rem;
}
.de_title{
	line-height: 1.2rem;
	margin-bottom: 0.5rem;
}
.de_p{
	line-height: 1.2rem;
	margin-bottom: 1rem;
}
.de_p img{
	width: 100%;
}

/******* about 关于我们页面 *********/
.ab_header{
	height: 11rem;
}
.ab_header img{
	width: 3.8rem;
	height: 3.8rem;
	border-radius: 0.3rem;
	margin-bottom: 0.7rem;
}
.ab_tips{
	/* position: absolute;
	left: 50%;
	margin-left: -3rem;
	bottom: 1rem; */
	margin: 5rem 0 1rem;
}
.ab_li{
	height: 2.4rem;
	border-bottom: 0.05rem solid #ccc;
	padding: 0 0.5rem;
}
.ab_p{
	line-height: 1.1rem;
	text-indent: 1rem;
	margin-bottom: 0.5rem;
}

/******* daren 达人页面 *********/
.daren_warp{
	box-sizing: border-box;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.da_content{
	position: relative;
	border-radius: 0.3rem;
	padding: 0.5rem;
	margin-bottom: 0.6rem;
	overflow: hidden;
}
.da_conBt{
	border-radius: 0.3rem;
	height: 2.3rem;
	overflow: hidden;
}
.da_brown_grad{
	background: -o-linear-gradient(left, #B5825C, #E0B092);
	background: -webkit-gradient(linear, left top, right top, from(#B5825C), to(#E0B092));
	background: linear-gradient(to right, #B5825C, #E0B092);
}
.da_gray_grad{
	background: -o-linear-gradient(left, #ccc, #888);
	background: -webkit-gradient(linear, left top, right top, from(#ccc), to(#888));
	background: linear-gradient(to right, #ccc, #888);
}
.da_p{
	width: 10%;
	height: 2.3rem;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 0.3rem;
	padding-top: 0.4rem;
}
.da_p2{
	width: 90%;
	height: 2.3rem;
	line-height: 0.9rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-left: 0.6rem;
}
.da_triangle{
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/bg.png) center no-repeat;
	background-size: 100% 100%;
	width: 2.4rem;
	height: 2.4rem;
	text-align: right;
	padding: 0.3rem 0.3rem 0 0;
}
.da_icon{
	width: 5.5rem;
	height: 5.5rem;
}
.da_icon img{
	width: 5rem;
	height: 2.7rem;
	margin-bottom: 0.4rem;
}
.da_textWrap p{
	line-height: 1.2rem;
}

/* ************ blank 缺省页内容 **************** */
.bl_netImg{
	width: 10.7rem;
	height: 9.7rem;
	margin: 4rem 0 1.5rem;
}
.bl_btn{
	width: 14.75rem;
	height: 1.9rem;
	border-radius: 0.95rem;
	margin-top: 2rem;
}
.bl_netWork p, .bl_content p{
	letter-spacing: 0.05rem;
}

/* ************ partner 合伙人页内容 **************** */
/*第一版*/
.pa_title{
	width: 12.6rem;
	height: 1.85rem;
	background: url(../images/ttt@2x.png) center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: -0.35rem;
	left: 50%;
	margin-left: -6.3rem;
	z-index: 999;
}
.pa_img img{
	width: 2.9rem;
	height: 4.1rem;
	margin-top: 2.15rem;
}
.textWrap{
	margin-top: 0.1rem;
	line-height: 1.2rem;
}
.textWrap2{
	border-radius: 0.3rem;
	line-height: 1.1rem;
	padding: 0.5rem;
	margin-top: 0.5rem;
}
/*第二版*/
.h_hehuorenWarp{
	display: block;
	padding: 0 !important;
}
.h_hehuorenContent{
	width: 100%;
	background: -o-linear-gradient(left,#b6835c,#e0b192);
	background: -webkit-gradient(linear,left top, right top,from(#b6835c),to(#e0b192));
	background: linear-gradient(90deg,#b6835c,#e0b192);
	padding: 1.2rem 0 2rem!important;
}
.h_bgImg{
	width: 100%;
	position: absolute;
	top: 1.2rem;
	left: 0;
	z-index: 0;
}
.h_bgImg img{
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	max-width: 600px;
}
.h_formContentWarp{
	padding-top: .11px;
	background: white;
	width: 17rem;
	margin: 6.85rem auto 0;
	max-width: 760px;
	min-width: 290px;
	border-radius: .5rem;
	position: relative;
	z-index: 2;
}
.h_formTitle{
	width: 12.465rem;
	height: 1.8338rem;
	line-height: 1.8338rem;
	text-align: center;
	background: url("../images/hehuoren/titlebg.png") no-repeat;
	background-size: 100% auto;
	color: white;
	margin: -0.35rem auto 0;
	font-size: .75rem;
}
.h_formContent{
	width: 90%;
	margin: 0 auto;
}
.h_userInfo{
	width: 100%;
	height: 2.9rem;
	background: #f9f4ee;
	border-radius: .2rem;
	margin: .75rem auto .3rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.h_avatarContent{
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: .7rem;
}
.h_imgContent{
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: -o-linear-gradient(left,#b6835d,#e0b192);
	background: -webkit-gradient(linear,left top, right top,from(#b6835d),to(#e0b192));
	background: linear-gradient(90deg,#b6835d,#e0b192);
	padding: 2px;
}
.h_avatar{
	display: block;
	width: 100%;
	border-radius: 50%;
	height: 100%;
	background: gainsboro;
}
.h_username{
	color: #2b333e;
	font-weight: bold;
	font-size: .75rem;
	margin-left: .5rem;
}
.h_darenLevel{
	height: 1.2rem;
	line-height: 1.2rem;
	background: -o-linear-gradient(left,#b7845d,#e0b192);
	background: -webkit-gradient(linear,left top, right top,from(#b7845d),to(#e0b192));
	background: linear-gradient(90deg,#b7845d,#e0b192);
	color: white;
	font-size: .65rem;
	border-radius: .6rem;
	padding: 0 .5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: .5rem;
}
.h_levelDescribe{
	margin-left: .5rem;
}
.h_form{
	width: 100%;
	padding: .5rem 0;
}
.h_form_itemContent{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2.2rem;
	line-height: 2.2rem;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 1rem;
}
#disable_submit{
	background: gainsboro!important;
	color: #6d6d6d!important;
}
.h_form_item_title{
	color: #916b51;
	font-size: .75rem;
	width: 4rem;
	text-align: left;
}
.h_form_item{
	position: relative;
}
.h_form_item,.h_form_describe{
	width: 11.5rem;
	height: 2.2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h_form_describe{
	font-size: .7rem;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.h_bean{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.h_bean_icon{
	display: inline-block;
	width: 1rem;
	height: 1rem;
	background: url("../images/hehuoren/jindou.png") no-repeat;
	background-size: 100% auto;
}
.h_form_describe .tips{
	color: #6d6d6d;
	font-size: .4rem;
}
::-webkit-input-placeholder{
	color: #b2b2b2;
}
:-moz-placeholder{
	color: #b2b2b2;
}
::-moz-placeholder{
	color: #b2b2b2;
}
:-ms-input-placeholder{
	color: #b2b2b2;
}
.h_form_item_input{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 100%;
	background: #f2f2f2;
	border-radius: .2rem;
	border: 0;
	outline: 0;
	padding: 0 .6rem;
	font-size: .7rem;
}
.h_form_item_input:disabled,.h_form_item_input[disabled]{
	color: #b2b2b2!important;
	-webkit-text-fill-color:#b2b2b2!important;
	opacity: 1;
}
.h_form_down_btn{
	position: absolute;
	right: .65rem;
	top: .8rem;
	display: block;
	cursor: pointer;
	width: 8px;
	height: 8px;
	border:#c7c7c7 solid;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-bottom: 10px;
}
.showBox{
	color: #b2b2b2;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding-right: 1.2rem;
}
.realInput{
	visibility: hidden;
	height: 0!important;
	width: 0!important;
}
.address{
	height: 4rem;
}
.area{
	display: block;
	font-family: inherit;
	font-size: .7rem;
	height: 100%;
	line-height: 1.2rem;
	padding: .5rem;
	resize: none;
}
.h_form_item_submitBtn{
	width: 95%;
	height: 2rem;
	text-align: center;
	line-height: 2rem;
	border-radius: .2rem;
	background: -o-linear-gradient(left,#B5825C,#DFAF91);
	background: -webkit-gradient(linear,left top, right top,from(#B5825C),to(#DFAF91));
	background: linear-gradient(90deg,#B5825C,#DFAF91);
	margin: 0 auto;
	color: white;
	font-size: .8rem;
	cursor: pointer;
}
.submitLoading{
	background: -o-linear-gradient(left,#d4b59e,#edd0be);
	background: -webkit-gradient(linear,left top, right top,from(#d4b59e),to(#edd0be));
	background: linear-gradient(90deg,#d4b59e,#edd0be);
	-webkit-animation: ld-ease-in linear .3s;
	animation: ld-ease-in linear .3s;
}
.countdown{
	color: RED;
	width: 100%;
	font-size: .6rem;
	text-align: center;
	margin-top: -0.5rem;
}
@-webkit-keyframes ld-ease-in {
	from{
		background: -webkit-gradient(linear,left top, right top,from(#B5825C),to(#DFAF91));
		background: linear-gradient(90deg,#B5825C,#DFAF91);
	}
	to{
		background: -webkit-gradient(linear,left top, right top,from(#d4b59e),to(#edd0be));
		background: linear-gradient(90deg,#d4b59e,#edd0be);
	}
}
@keyframes ld-ease-in {
	from{
		background: -o-linear-gradient(left,#B5825C,#DFAF91);
		background: -webkit-gradient(linear,left top, right top,from(#B5825C),to(#DFAF91));
		background: linear-gradient(90deg,#B5825C,#DFAF91);
	}
	to{
		background: -o-linear-gradient(left,#d4b59e,#edd0be);
		background: -webkit-gradient(linear,left top, right top,from(#d4b59e),to(#edd0be));
		background: linear-gradient(90deg,#d4b59e,#edd0be);
	}
}
.h_describe{
	width: 17rem;
	margin: 2rem auto 0;
	max-width: 760px;
	min-width: 290px;
	color: white;
	font-weight: normal;
}
.h_describe h1{
	font-size: 1rem;
	font-weight: normal!important;
	margin-bottom: 1rem;
}
.h_describe p{
	color: #f2f2f2;
	font-size: .6rem;
	line-height: 1.2rem;
}
.h_describe_tableContent{
	position: relative;
	width: 17rem;
	height: 19rem;
	background: url("../images/table_bg.png") no-repeat;
	background-size: 100% 100%;
	margin: 2rem auto 1rem;
	padding-top: .1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.table_title{
	color: white;
	font-size: .9rem;
	position: absolute;
	left: 1.9rem;
	top: .5rem;
}
.h_describe_table{
	display: block;
	/*border: .05rem dashed #D3D4CF;*/
	font-size: .5rem;
	border-color: #d3d4cf;
	width: 15.5rem;
	margin: 3rem auto 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h_describe_table tr{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.h_describe_table tr th:nth-child(1),.h_describe_table tr td:nth-child(1){
	width: 27%;
}
.h_describe_table tr th:nth-child(2),.h_describe_table tr td:nth-child(2){
	width: 25%;
}
.h_describe_table tr th:nth-child(3),.h_describe_table tr td:nth-child(3){
	width: 20%;
}
.h_describe_table tr th:nth-child(4),.h_describe_table tr td:nth-child(4){
	width: 28%;
}
.h_describe_table thead,.h_describe_table tbody{
	width: 100%;
	display: block;
}
.h_describe_table tr th,.h_describe_table tr td{
	font-size: .6rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1rem;
	text-align: center;
	height: 2.6rem;
	border: .05rem dashed #D3D4CF;
	border-right: 0;
	border-bottom: 0;
}
.h_describe_table tr th{
	padding: .3rem 0 0;
	color: #A7915E;
	background: #F2F2F2;
}
.h_describe_table tr th>div{
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
}
.h_describe_table tbody tr td{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.h_describe_table th:last-child,.h_describe_table td:last-child{
	border-right: .05rem dashed #D3D4CF;
}

.h_describe_table tbody tr:last-child{
	border-bottom: .05rem dashed #D3D4CF;
}
.h_describe_table tr:nth-child(2),.h_describe_table tr:nth-child(2) td{
	height: 4rem;
}
.h_describe_table tr:nth-child(2) td>div{
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shiji{
	width: 30%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.shiji_Content{
	width: 70%;
	border-left: .05rem dashed #D3D4CF!important;
}
.shiji_Content>div{
	height: 2rem;
	line-height: 2rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.shiji_Content>div:nth-child(1){
	border-bottom: .05rem dashed #D3D4CF;
}
.td_bean>div{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
}
.td_bean>div:nth-child(1){
	border-bottom: .05rem dashed #D3D4CF;
}
.table_tips{
	color: #011414;
	font-size: .65rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	margin-top: 1rem;
}
.small{
	color: #aaa;
	font-size: .6rem;
	-webkit-transform: scale(.89);
	-ms-transform: scale(.89);
	transform: scale(.89);
	margin-top: 1.3rem;
	font-weight: normal;
}


.h_ishehuorenContentWarp{
	width: 100%;
	height: unset;
	padding: 0 0 3rem;
}
.h_ishehuorenItem{
	width: 17rem;
	margin: 1rem auto;
	background: white;
	border-radius: .5rem;
	position: relative;
	padding: .1px 0 .5rem;
}
.h_ishehuorenItem:nth-child(1){
	margin-top: 1rem;
}
.h_isHehuorenTitle{
	width: 12.465rem;
	height: 1.8338rem;
	line-height: 1.8338rem;
	text-align: center;
	background: url("../images/hehuoren/titlebg.png") no-repeat;
	background-size: 100% auto;
	color: white;
	margin: -0.35rem auto 0;
	font-size: .68rem;
}
.h_hehuorenExmineStatus{
	display: block;
	position: absolute;
	right: 0;
	top: 1.5rem;
	height: 1.24rem;
	line-height: 1.24rem;
	border-radius: .62rem 0 0 .62rem;
	color: white;
	font-size: .7rem;
	padding: 0 .7rem;
	background: -o-linear-gradient(left,#B5825C,#DFAF91);
	background: -webkit-gradient(linear,left top, right top,from(#B5825C),to(#DFAF91));
	background: linear-gradient(90deg,#B5825C,#DFAF91);
}
.h_ishehuorenbgContent{
	width: 100%;
}
.h_ishehuorenbg{
	width: 6rem;
	height: auto;
	display: block;
	margin: 1.2rem auto 0;
}
.h_hehuorenDescribe{
	width: 95%;
	margin: 1rem auto 0;
	background: -o-linear-gradient(left,#B5825C,#DFAF91);
	background: -webkit-gradient(linear,left top, right top,from(#B5825C),to(#DFAF91));
	background: linear-gradient(90deg,#B5825C,#DFAF91);
	border-radius: .4rem;
	color: #f2f2f2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: .3rem .4rem .4rem;
}
.h_hehuorenDescribe>h1{
	font-size: .6rem;
	color: white;
	font-weight: normal;
	margin-bottom: .2rem;
}
.h_hehuorenDescribe>p{
	font-size: .5rem;
	line-height: 1rem;
}
.h_showhehuorenForm{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	font-size: .9rem;
	color: white;
	background: #D7A687;
	width: 100%;
	z-index: 999;
}

/*********** poster 好友招募海报页面 ************** */
.po_wrap{
	visibility:hidden;
}
.po_headWrap{
	position: relative;
}
.po_inBtn{
	width: 4rem;
	height: 1.5rem;
	border-top-left-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
	position: absolute;
	right: 0;
	z-index: 999;
}
.po_mask{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
	z-index: 9999;
	display: none;
}
.po_mask_wrap{
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.po_rule{
	top: 22%;
	background: url("../images/btn2.png");
	background-size: 100%;
}
.po_skil{
	top: 29%;
	background: url("../images/btn1.png");
	background-size: 100%;
}
.po_maskCon{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.po_mask_img{
	width: 18rem;
	margin: 0 auto;
}
.po_mask_img img{
	width: 100%;
	height: 100%;
}
#rule{
	height: 20rem;
}
#skill{
	height: 21rem;
}
.po_mask_btn{
	width: 100%;
	position: absolute;
	left: 0;
}
.po_mask_btn img{
	width: 10rem;
	display: block;
	margin: 0 auto;
	height: 2.2rem;
}
.po_close{
	position: absolute;
	left: 50%;
	bottom: -4rem;
	margin-left: -1.25rem;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	font-size: 2.5rem;
	color: #ccc;
}
.po_head{
	width: 17rem;
	height: 22rem;
	margin: 4.5rem auto 2rem;
	display: block;
}
.po_headCode{
	position: absolute;
	bottom: 28%;
	left: 20%;
	width: 60%;
	height: 2.3rem;
}
.po_codeText{
	width: 70%;
	height: 2rem;
	border: 0.15rem solid #FABFAD;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
	border-right: none;
}
.po_codeText span{
	margin-left: 0.3rem;
}
.po_codeCopy{
	height: 2.3rem;
	width: 30%;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	background: -o-linear-gradient(left top, #FEAC25, #FBDE9C);
	background: -webkit-gradient(linear, left top, right bottom, from(#FEAC25), to(#FBDE9C));
	background: linear-gradient(to right bottom, #FEAC25, #FBDE9C);
}
.po_codeCopy:active{
	background: rgba(0,0,0,0.1);
}
.po_head_con{
	width: 100%;
	position: absolute;
	bottom: 5%;
}
.po_money1{
	width: 2.5rem;
	position: absolute;
	left: 0;
	top: 48%;
	z-index: 999;
}
.po_money2{
	width: 3.5rem;
	position: absolute;
	right: 0;
	top: 85%;
	z-index: 999;
}
.po_imgCon{
	width: 15rem;
	height: 18rem;
	display: block;
	margin: 0 auto 2rem;
}
.po_imgCon2{
	width: 15rem;
	height: 12rem;
	margin: 0 auto 2rem;
	display: block;
}
.po_mon1{
	top: -15%;
}
.po_mon2{
	top: 80%;
	width: 3rem;
}
.po_imgBtn{
	background: url(../images/btnBg.png) center no-repeat;
	background-size: 100%;
	height: 4rem;
	width: 70%;
	margin: 0 15% 2rem;
	cursor: pointer;
}
.po_headBtn{
	width: 10rem !important;
	margin: 0 auto!important;
}
.po_footer{
	width: 100%;
	height: 6.5rem;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	border-top-left-radius: 1.2rem;
	border-top-right-radius: 1.2rem;
}
.po_imgWrap{
	height: 6.5rem;
	padding: 0 1rem;
}
.po_inCode{
	height: 2rem;
	width: 9rem;
	position: fixed;
	left: 50%;
	bottom: 25%;
	margin-left: -4.5rem;
}
.po_content{
	height: 4.9rem;
	padding: 0 1rem;
}
.po_imgWrap img{
	width: 2rem;
	height: 2rem;
	margin-bottom: 0.2rem;
}
.po_userImg{
	width: 3rem;
	height: 3rem;
	border-radius: 0.5rem;
	margin-right: 0.5rem;
}
.po_qrCode{
	width: 3rem;
	height: 3rem;
}
.po_text{
	line-height: 0.9rem;
	width: 68%;
}
.imgWrap{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: none;
}
.posterImgWrap{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
/* ************ register 注册页面 *************** */
.re_footer{
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
}
.re_btn{
	width: 8.1rem;
	height: 2rem;
	border-radius: 0.3rem;
	margin: 1rem 0;
}
.re_content{
	width: 90%;
	position: absolute;
	left: 5%;
	bottom: 4rem;
	/*background: rgba(255,255,255,0.5);*/
	/* height: 14rem; */
	border-radius: 0.5rem;
	border: 0.05rem solid transparent;
	-o-border-image: -o-linear-gradient(left top, #d71b82, #2878fd);
	border-image: -webkit-gradient(linear, left top, right bottom, from(#d71b82), to(#2878fd));
	border-image: linear-gradient(to right bottom, #d71b82, #2878fd);
	border-image-slice: 10;
	background: -webkit-linear-gradient( right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%), -webkit-linear-gradient( right, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 100%);
	background-clip: content-box, padding-box;
}
#root{
	margin: 0.4rem 0;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0;
	transform-origin:0 0;
	display: none;
}
.re_input{
	width: 100%;
	height: 1.95rem;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance : none ;
	/* /解决ios上按钮的圆角问题/ */
	border-radius: 0;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	text-indent: 10px;
	/* padding-left: 0.5rem; */
	margin-bottom: 0.4rem;
	border-radius: 0.3rem;
}
.re_wrap{
	margin-bottom: 0.4rem;
}
.re_code{
	width: 58%;
	height: 2.2rem;
	margin: 0;
}
.re_codeBtn{
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance : none ;
	/* /解决ios上按钮的圆角问题/ */
	border-radius: 0;
	width: 38%;
	height: 2.2rem;
	line-height: 2.2rem;
	text-align: center;
	border-radius: 0.3rem;
	outline: none;
	border: none;
}
.re_regBtn{
	width: 100%;
	height: 2.2rem;
	border-radius: 1.1rem;
	margin: 1rem 0 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
}
.re_btn img{
	width: 0.9rem;
	height: 1rem;
	margin-right: 0.4rem;
}

.re_regBtn[disabled],.re_codeBtn[disabled]{
	background-color: rgba(204,204,204,0.7)!important;
}
.re_mask{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.6) url(../images/shareText.png) center top no-repeat;
	background-size: 100% 10rem;
	display: none;
}


/* ************** 圈子等级 *************** */
.ci_yellow{ background: #ffb533; }
.ci_gray{ background: #ccc; }
.ci_top{
	margin-bottom: 0.4rem;
}
.ci_img{
	width: 3.28rem;
	height: 2.8rem;
	margin-right: 1rem;
	margin-top: 0.1rem;
}
.ci_text{
	margin-top: 0.4rem;
	padding: 0.2rem 0.2rem;
	text-align: center;
	border-radius: 0.2rem;
}
.ci_center{
	line-height: 1.1rem;
	margin: 0.3rem 0 0.7rem;
}
.ci_box{
	height: 3.3rem;
	width: 50%
}
.ci_left{
	height: 3.3rem;
	letter-spacing: 1rem;
	padding-top: 1rem
}
.ci_boxBg{
	background: url(../images/status.png) right bottom no-repeat;
	background-size: 3.5rem;
}

/********** explain 手续费说明页面 ************/
.ex_content{
	border-radius: 0.3rem;
	padding: 0.9rem;
}
.ex_content p{
	line-height: 1.1rem;
}
.ex_p{
	margin: 0.3rem 0 1rem;
}
.ex_ul li{
	height: 1.9rem;
	margin-bottom: 0.4rem;
	padding: 0 0.9rem;
}
.ex_active{
	border-radius: 0.3rem;
}